// 定义美化时间的过滤器
template.defaults.imports.dataFormat = function (date) {
    const dt = new Date(date)
    var y = dt.getFullYear()
    var m = padZero(dt.getMonth() + 1)
    var d = padZero(dt.getDate())

    var hh = padZero(dt.getHours())
    var mm = padZero(dt.getMinutes())
    var ss = padZero(dt.getSeconds())

    return y + '年' + m + '月' + d + '日' + hh + '时' + mm + '分' + ss + '秒';
}

// 定义补零函数
function padZero(n) {
    return n > 9 ? n : '0' + n
}



$(function () {
    initTable();
    getCate();

    // 筛选功能
    $('#form-search').on('submit', function (e) {
        e.preventDefault();
        q.cate_id = $('[name="cate_id"]').val();
        q.state = $('[name="state"]').val();
        initTable();
        // console.log(q.cate_id);
        // console.log(q.state);
    })

    // 删除功能
    $('tbody').on('click', '.btn-del', function () {
        // 获取到文章的 id
        var id = $(this).parent().attr('data-id')
        console.log(id);
        // 询问用户是否要删除数据
        layer.confirm('确认删除?', { icon: 3, title: '提示' }, function (index) {
            $.ajax({
                method: 'GET',
                url: '/my/article/delete/' + id,
                success: function (res) {
                    if (res.status !== 0) {
                        return layer.msg('删除文章失败！')
                    }
                    layer.msg('删除文章成功！')
                    initTable()
                }
            })

            layer.close(index)
        })
    })


})



var q = {
    pagenum: 1,
    pagesize: 2,
    cate_id: '',
    state: ''
}

function initTable() {
    $.ajax({
        method: 'GET',
        url: '/my/article/list',
        data: q,
        success: function (res) {
            console.log(res);
            if(res.data.length==0&&q.pagenum>1){
                q.pagenum--;
                initTable();
                return;
            }
            if (res.status != 0) return layui.layer.msg(res.message);
            var htmlStr = template('tpl', res);
            $('tbody').html(htmlStr)

            
            layui.laypage.render({
                elem: 'page-area',//注意这里的test1是ID，不用加#号
                count: res.total,//数据总量，从服务器端得到
                limit: q.pagesize,
                layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
                limits: [1, 2, 3, 4],
                curr: q.pagenum,
                jump: function (obj, first) {
                    if (!first) {
                        q.pagenum = obj.curr;
                        q.pagesize = obj.limit;
                        initTable();
                    }
                }

            });
        }
    })
}

function getCate() {
    $.ajax({
        method: 'GET',
        url: '/my/article/cates',

        success: function (res) {
            if (res.status != 0) return layui.layer.msg(res.message);
            console.log(res.data)
            var htmlStr = template('tpl1', res);
            $('select').eq(0).html(htmlStr);
            // 有些时候，你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的
            // 你只需要执行 form.render(
            layui.form.render('select');
        }
    })
}
